<div>
  <nz-tabset (nzSelectChange)="changeType($event)" [nzSelectedIndex]="type - 1">
    <nz-tab *ngFor="let tab of tabs">
      <ng-template #nzTabHeading>
        {{tab.name}}
      </ng-template>
      <span>{{tab.content}}</span>
    </nz-tab>
  </nz-tabset>
  <div>
    <div class="search-bar">
      <div nz-row [nzGutter]="40">
        <div nz-col [nzSpan]="16">
          <div nz-form-item nz-row>
            <nz-select [nzPlaceHolder]="'请选择分类'" *ngIf="type==4" style="width: 120px;" [(ngModel)]="category_id">
              <nz-option [nzValue]="''" [nzLabel]="'全部'"></nz-option>
              <nz-option
                *ngFor="let option of categoryList1"
                [nzLabel]="option.title"
                [nzValue]="option.id"
              >
              </nz-option>
            </nz-select>
            <nz-select style="width: 120px;" [(ngModel)]="state">
              <nz-option
                *ngFor="let option of stateList"
                [nzLabel]="option.name"
                [nzValue]="option.value"
              >
              </nz-option>
            </nz-select>
            <nz-input style="width: 160px;" [(ngModel)]="title" [nzPlaceHolder]="'活动名称'" (keydown)="keyDown($event)"></nz-input>
            <button (click)="search()" nz-button [nzType]="'primary'">
              <span>搜索</span>
            </button>
          </div>
        </div>
        <div nz-col [nzSpan]="8">
          <div nz-form-item nz-row class="text-right">
            <nz-select style="width: 120px;"  [(ngModel)]="orderBy" (ngModelChange)="changeOrder($event)" nzAllowClear>
              <nz-option
                *ngFor="let option of orderList"
                [nzLabel]="option.name"
                [nzValue]="option.value"
              >
              </nz-option>
            </nz-select>
            <button *ngIf="type==4" (click)="addcate()" nz-button [nzType]="'primary'">
              <span>新建分类</span>
            </button>

            <button (click)="add();" nz-button [nzType]="'primary'" *ngIf="canVisit">
              <span>新增活动</span>
            </button>
          </div>
        </div>
      </div>

    </div>
      <nz-table  #nzTable [nzAjaxData]="data" [nzPageIndex]="page" (nzPageIndexChangeClick)="pageChanged($event)" [nzPageSize]="pageSize" [nzTotal]="total" [nzPageSize]="10">
        <thead nz-thead>
        <tr>
          <th nz-th><span>主题图片</span></th>
          <th nz-th><span>活动名称</span></th>
          <th nz-th><span>点赞数</span></th>
          <th nz-th><span>浏览量</span></th>
          <th nz-th><span>是否置顶</span></th>
          <th nz-th><span>开始时间</span></th>
          <th nz-th><span>结束时间</span></th>
          <th nz-th><span>活动状态</span></th>
          <th nz-th><span>操作</span></th>
        </tr>
        </thead>
        <tbody nz-tbody>
        <tr nz-tbody-tr *ngFor="let data of nzTable.data">
          <td nz-td>
            <div class="pic_url" [style.background-image]="'url('+data.pic_url+')'"></div>
          </td>
          <td nz-td style="width:200px;">
            {{data.title}}
          </td>
          <td nz-td>
            {{data.like_num}}
          </td>
          <td nz-td>
            {{data.view_num}}
          </td>
          <td nz-td>
            {{data.topName}}
          </td>
          <td nz-td>
            {{data.validity_start}}
          </td>
          <td nz-td>
            {{data.validity_end}}
          </td>
          <td nz-td>
            {{data.status == 0 ? '已暂停': data.state_name}}
          </td>
          <td nz-td>
            <a (click)="changeStatus(data.id,data.status);">{{ data.status == 1 ? '暂停' : '启用'}}</a>
            <a (click)="goAdd(data.id);" *ngIf="data.status == 1 && (data.state_name == '启用中' || data.state_name == '未开始') && canVisit1">推送</a>
            <a (click)="openWatch(data.id)">查看</a>
            <!--<a (click)="openEdit(data.id)" *ngIf="canVisit2 && data.state_name == '未开始' && data.status == 1">编辑</a>-->
            <a (click)="openEdit(data.id)" *ngIf="canVisit2 && data.state_name != '已结束'">编辑</a>
            <a (click)="openEdit(data.id,true)" *ngIf="data.state_name == '已结束'">详情</a>
            <nz-popconfirm [nzTitle]="'确定要删除这个任务吗？'" (nzOnConfirm)="confirm(data.id)" *ngIf="canVisit3">
              <a nz-popconfirm>删除</a>
            </nz-popconfirm>
          </td>
        </tr>
        </tbody>
      </nz-table>
  </div>

  <nz-modal (nzOnCancel)="closeType()" (nzOnOk)="closeType()" nzWidth="700px" [nzVisible]="typeVisible" [nzTitle]="'分类管理'" [nzContent]="modalContent1">
    <ng-template #modalContent1>
      <div>
        <form nz-form [formGroup]="validateForm1" class="active-form-save" (ngSubmit)="_submitForm1()">
          <div nz-form-item nz-row>
            <div nz-form-label nz-col [nzSm]="4" [nzXs]="24">
              <label for="category_name" nz-form-item-required>分类名称</label>
            </div>
            <div nz-form-control nz-col [nzSm]="14" [nzXs]="24">
              <div style="display: inline-block;vertical-align: top">
                <nz-input style="width: 180px" [nzSize]="'large'" formControlName="category_name"></nz-input>
              </div>
              <div  style="display: inline-block;vertical-align: top">
                <button nz-button [nzType]="'primary'">
                  <span>完成</span>
                </button>
              </div>
            </div>
          </div>
        </form>
      </div>
      <nz-table  #nzTable1  [nzAjaxData]="categoryList" [nzPageIndex]="catePage" (nzPageIndexChangeClick)="catepageChanged($event)" [nzPageSize]="catePageSize" [nzTotal]="cateTotal" [nzPageSize]="catePageSize">
        <thead nz-thead>
          <tr>
            <th nz-th><span>分类名称</span></th>
            <th nz-th><span>创建时间</span></th>
            <th nz-th><span>操作</span></th>
          </tr>
        </thead>
        <tbody nz-tbody>
          <tr nz-tbody-tr *ngFor="let data of nzTable1.data">
            <td nz-td>
              <span *ngIf="!data.edit">{{data.title}}</span>
              <span *ngIf="data.edit">
                <nz-input [nzPlaceHolder]="'请输入分类名称'" [(ngModel)]="data.titleValue" ></nz-input>
              </span>
            </td>
            <td nz-td>
              {{data.created_at}}
            </td>
            <td nz-td>
              <a *ngIf="!data.edit" (click)="editType(data)">编辑</a>
              <a *ngIf="data.edit" (click)="saveEdit(data)">完成</a>
              <a *ngIf="data.edit" (click)="canceleditType(data)">取消</a>
              <nz-popconfirm [nzTitle]="'确定要删除这个分类吗？'" (nzOnConfirm)="confirmTypeDel(data.id)" >
                <a nz-popconfirm>删除</a>
              </nz-popconfirm>
            </td>
          </tr>
        </tbody>
      </nz-table>
    </ng-template>
  </nz-modal>
  <!--<nz-modal nzWidth="700px" [nzVisible]="isVisible" [nzTitle]="'添加活动'" [nzContent]="modalContent" (nzOnCancel)="handleCancel()" (nzOnOk)="_submitForm()">-->
    <!--<ng-template #modalContent>-->
      <!--<form nz-form [formGroup]="validateForm" class="active-form-save" (ngSubmit)="_submitForm()">-->
        <!--<div  nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="title" nz-form-item-required>活动名称</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('title')">-->
            <!--<nz-input [nzSize]="'large'" formControlName="title" [nzId]="'title'"></nz-input>-->
           <!--<div nz-form-explain *ngIf="validateForm.controls.title.dirty&&validateForm.controls.title.hasError('required')">请输入活动名称-->
              <!--</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="validity_start" nz-form-item-required>开始时间</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('validity_start')">-->
            <!--<nz-datepicker formControlName="validity_start" [nzShowTime]="true" [nzPlaceHolder]="'请选择开始时间'" style="width:180px" [nzFormat]="'YYYY-MM-DD HH:mm:ss'" [nzDisabledDate]="_disabledStartDate"></nz-datepicker>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.validity_start.dirty&&validateForm.controls.validity_start.hasError('required')">请选择开始时间</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="validity_end" nz-form-item-required>结束时间</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('validity_end')">-->
            <!--<nz-datepicker style="width:180px" formControlName="validity_end" [nzShowTime]="true" [nzPlaceHolder]="'请选择结束时间'" [nzFormat]="'YYYY-MM-DD HH:mm:ss'" [nzDisabledDate]="_disabledEndDate"></nz-datepicker>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.validity_end.dirty&&validateForm.controls.validity_end.hasError('required')">请选择结束时间</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label  nz-form-item-required>主题图片</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('pic_url')">-->
            <!--<uploadgroup-->
              <!--[(fileList)]="fileList"-->
              <!--(piclistChange)="fileChange($event)"-->
              <!--(fileListChange)="fileChange($event)"-->
              <!--(picDeleteChange)="picChange($event)"-->
              <!--[(piclist)]="fileList"-->
              <!--[readonly]="readonly"-->
              <!--[edit]="editStatus"-->
            <!--&gt;</uploadgroup>-->
            <!--<div>尺寸670 X 336 最大500K</div>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.pic_url.dirty&&validateForm.controls.pic_url.hasError('required')">请上传主题图片</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label  nz-form-item-required>活动内容</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col  [nzSm]="18" [nzXs]="24" [class.has-error]="descError">-->
            <!--<editor pic_sign_url_default="article" (onPostData)="PostData($event)"></editor>-->
            <!--<div nz-form-explain *ngIf="descError">输入活动内容</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="is_top" nz-form-item-required>是否置顶</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('is_top')">-->
            <!--<nz-radio-group formControlName="is_top" >-->
              <!--<label nz-radio [nzValue]="1">-->
                <!--<span>是</span>-->
              <!--</label>-->
              <!--<label nz-radio [nzValue]="0">-->
                <!--<span>否</span>-->
              <!--</label>-->
            <!--</nz-radio-group>-->
            <!--<span>活动置顶后将会在发现首页展示该活动内容</span>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.is_top.dirty&&validateForm.controls.is_top.hasError('required')">请选择结束时间</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row *ngIf="type==3">-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="user_num_limit" nz-form-item-required>名额限制</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('user_num_limit')" >-->
            <!--<nz-input-number style="width:200px" [nzSize]="'large'" [nzPlaceHolder]="'只能输入正整数，输入0为无限制'" formControlName="user_num_limit"></nz-input-number>-->
            <!--<div>设定多少名额后即固定名额的推客可使用发券功能</div>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.user_num_limit.dirty&&validateForm.controls.user_num_limit.hasError('required')">请输入名额限制</div>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.user_num_limit.dirty&&validateForm.controls.user_num_limit.hasError('pattern')">请输入正整数</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row *ngIf="type==3">-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="card_coupons_uuid" nz-form-item-required>选择优惠券：</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('card_coupons_uuid')">-->
            <!--<nz-select [nzDisabled]="card_disabled" style="width: 200px;" [nzPlaceHolder]="'请选择优惠券'" formControlName="card_coupons_uuid" nzAllowClear>-->
              <!--<nz-option-->
                <!--*ngFor="let option of cardList"-->
                <!--[nzLabel]="option.label"-->
                <!--[nzValue]="option.value"-->
                <!--[nzDisabled]="option.disabled">-->
              <!--</nz-option>-->
            <!--</nz-select>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.card_coupons_uuid.dirty&&validateForm.controls.card_coupons_uuid.hasError('required')">请选择优惠券</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row *ngIf="type==4">-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="category_id" nz-form-item-required>活动类型：</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('category_id')">-->
            <!--<nz-select style="width: 200px;" [nzPlaceHolder]="'请选择活动类型'" formControlName="category_id" nzAllowClear>-->
              <!--<nz-option-->
                <!--*ngFor="let option of categoryList1"-->
                <!--[nzLabel]="option.title"-->
                <!--[nzValue]="option.id"-->
              <!--&gt;-->
              <!--</nz-option>-->
            <!--</nz-select>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.category_id.dirty&&validateForm.controls.category_id.hasError('required')">请选择活动类型</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</form>-->
    <!--</ng-template>-->
  <!--</nz-modal>-->
  <!--<nz-modal nzWidth="700px" [nzVisible]="isVisible" [nzTitle]="'添加活动'" [nzContent]="modalContent" (nzOnCancel)="handleCancel()" (nzOnOk)="_submitForm()" [nzMaskClosable]="false">-->
    <!--<ng-template #modalContent>-->
      <!--<form nz-form [formGroup]="validateForm" class="active-form-save" (ngSubmit)="_submitForm()">-->
        <!--<div  nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="title" nz-form-item-required>活动名称</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('title')">-->
            <!--<nz-input [nzSize]="'large'" formControlName="title" [nzId]="'title'"></nz-input>-->
           <!--<div nz-form-explain *ngIf="validateForm.controls.title.dirty&&validateForm.controls.title.hasError('required')">请输入商品名称-->
              <!--</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="validity_start" nz-form-item-required>开始时间</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('validity_start')">-->
            <!--<nz-datepicker formControlName="validity_start" [nzShowTime]="true" [nzPlaceHolder]="'请选择开始时间'" style="width:180px" [nzFormat]="'YYYY-MM-DD HH:mm:ss'" [nzDisabledDate]="_disabledStartDate"></nz-datepicker>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.validity_start.dirty&&validateForm.controls.validity_start.hasError('required')">请选择开始时间</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="validity_end" nz-form-item-required>结束时间</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('validity_end')">-->
            <!--<nz-datepicker style="width:180px" formControlName="validity_end" [nzShowTime]="true" [nzPlaceHolder]="'请选择结束时间'" [nzFormat]="'YYYY-MM-DD HH:mm:ss'" [nzDisabledDate]="_disabledEndDate"></nz-datepicker>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.validity_end.dirty&&validateForm.controls.validity_end.hasError('required')">请选择结束时间</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label  nz-form-item-required>主题图片</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('pic_url')">-->
            <!--<uploadgroup-->
              <!--[(fileList)]="fileList"-->
              <!--(piclistChange)="fileChange($event)"-->
              <!--(fileListChange)="fileChange($event)"-->
              <!--(picDeleteChange)="picChange($event)"-->
              <!--[(piclist)]="fileList"-->
              <!--[readonly]="readonly"-->
              <!--[edit]="editStatus"-->
            <!--&gt;</uploadgroup>-->
            <!--<div>尺寸670 X 336 最大500K</div>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.pic_url.dirty&&validateForm.controls.pic_url.hasError('required')">请上传主题图片</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label  nz-form-item-required>活动内容</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col  [nzSm]="18" [nzXs]="24" [class.has-error]="descError">-->
            <!--<editor pic_sign_url_default="article" (onPostData)="PostData($event)"></editor>-->
            <!--<div nz-form-explain *ngIf="descError">输入活动内容</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row>-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="is_top" nz-form-item-required>是否置顶</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('is_top')">-->
            <!--<nz-radio-group formControlName="is_top" >-->
              <!--<label nz-radio [nzValue]="1">-->
                <!--<span>是</span>-->
              <!--</label>-->
              <!--<label nz-radio [nzValue]="0">-->
                <!--<span>否</span>-->
              <!--</label>-->
            <!--</nz-radio-group>-->
            <!--<span>活动置顶后将会在发现首页展示该活动内容</span>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.is_top.dirty&&validateForm.controls.is_top.hasError('required')">请选择结束时间</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row *ngIf="type==3">-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="user_num_limit" nz-form-item-required>名额限制</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('user_num_limit')" >-->
            <!--<nz-input-number style="width:200px" [nzSize]="'large'" [nzPlaceHolder]="'只能输入正整数，输入0为无限制'" formControlName="user_num_limit"></nz-input-number>-->
            <!--<div>设定多少名额后即固定名额的推客可使用发券功能</div>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.user_num_limit.dirty&&validateForm.controls.user_num_limit.hasError('required')">请输入名额限制</div>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.user_num_limit.dirty&&validateForm.controls.user_num_limit.hasError('pattern')">请输入正整数</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row *ngIf="type==3">-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="card_coupons_uuid" nz-form-item-required>选择优惠券：</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('card_coupons_uuid')">-->
            <!--<nz-select [nzDisabled]="card_disabled" style="width: 200px;" [nzPlaceHolder]="'请选择优惠券'" formControlName="card_coupons_uuid" nzAllowClear>-->
              <!--<nz-option-->
                <!--*ngFor="let option of cardList"-->
                <!--[nzLabel]="option.label"-->
                <!--[nzValue]="option.value"-->
                <!--[nzDisabled]="option.disabled">-->
              <!--</nz-option>-->
            <!--</nz-select>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.card_coupons_uuid.dirty&&validateForm.controls.card_coupons_uuid.hasError('required')">请选择优惠券</div>-->
          <!--</div>-->
        <!--</div>-->
        <!--<div nz-form-item nz-row *ngIf="type==4">-->
          <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
            <!--<label for="category_id" nz-form-item-required>活动类型：</label>-->
          <!--</div>-->
          <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24" nzHasFeedback [nzValidateStatus]="getFormControl('category_id')">-->
            <!--<nz-select style="width: 200px;" [nzPlaceHolder]="'请选择活动类型'" formControlName="category_id" nzAllowClear>-->
              <!--<nz-option-->
                <!--*ngFor="let option of categoryList1"-->
                <!--[nzLabel]="option.title"-->
                <!--[nzValue]="option.id"-->
              <!--&gt;-->
              <!--</nz-option>-->
            <!--</nz-select>-->
            <!--<div nz-form-explain *ngIf="validateForm.controls.category_id.dirty&&validateForm.controls.category_id.hasError('required')">请选择活动类型</div>-->
          <!--</div>-->
        <!--</div>-->
      <!--</form>-->
    <!--</ng-template>-->
  <!--</nz-modal>-->
  <nz-modal nzWidth="375px" [nzVisible]="isVisibleWatch" [nzTitle]="'详情'" [nzContent]="modalContent2" (nzOnCancel)="closeWatch()" (nzOnOk)="closeWatch()">
    <ng-template #modalContent2>
      <div class="watch-out">
        <div [innerHTML]="watchContent"></div>
      </div>
    </ng-template>
  </nz-modal>
</div>


<!--<nz-modal [nzVisible]="sendVisible" [nzTitle]="'添加推送'" [nzContent]="modalContent3"  nzWidth="500px" (nzOnCancel)="sendCancel($event)" (nzOnOk)="sendOk($event)" [nzConfirmLoading]="isConfirmLoading">-->
  <!--<ng-template #modalContent3>-->
    <!--<form nz-form [formGroup]="validateSendForm" class="active-form-save" (ngSubmit)="_submitSendForm()">-->
      <!--<div nz-form-item nz-row>-->
        <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
          <!--<label nz-form-item-required>活动名称</label>-->
        <!--</div>-->
        <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24">-->
          <!--<nz-input [nzSize]="'large'" formControlName="title" [nzId]="'title'"></nz-input>-->
          <!--<div nz-form-explain *ngIf="validateSendForm.controls.title.dirty&&validateSendForm.controls.title.hasError('required')">请输入活动名称</div>-->
        <!--</div>-->
      <!--</div>-->
      <!--<div nz-form-item nz-row>-->
        <!--<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">-->
          <!--<label nz-form-item-required>推送时间</label>-->
        <!--</div>-->
        <!--<div nz-form-control nz-col [nzSm]="14" [nzXs]="24">-->
          <!--<nz-datepicker formControlName="send_time" [nzShowTime]="true" [nzPlaceHolder]="'请选择开始时间'" style="width:180px" [nzFormat]="'YYYY-MM-DD HH:mm:ss'"></nz-datepicker>-->
          <!--<div nz-form-explain *ngIf="validateSendForm.controls.send_time.dirty&&validateSendForm.controls.send_time.hasError('required')">请选择推送时间</div>-->
        <!--</div>-->
      <!--</div>-->

      <!--&lt;!&ndash;<div nz-form-item nz-row>&ndash;&gt;-->
        <!--&lt;!&ndash;<div nz-form-label nz-col [nzSm]="4" [nzXs]="24">&ndash;&gt;-->
          <!--&lt;!&ndash;<label nz-form-item-required>活动类型</label>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
        <!--&lt;!&ndash;<div nz-form-control nz-col [nzSm]="14" [nzXs]="24">&ndash;&gt;-->
          <!--&lt;!&ndash;<nz-select [nzPlaceHolder]="'请选择活动类型'" style="width: 120px;" [ngModelOptions]="{standalone: true}" [(ngModel)]="active_type">&ndash;&gt;-->
            <!--&lt;!&ndash;&lt;!&ndash;<nz-option [nzValue]="''" [nzLabel]="'全部'"></nz-option>&ndash;&gt;&ndash;&gt;-->
            <!--&lt;!&ndash;<nz-option&ndash;&gt;-->
              <!--&lt;!&ndash;*ngFor="let option of activity_type;"&ndash;&gt;-->
              <!--&lt;!&ndash;[nzLabel]="option.label"&ndash;&gt;-->
              <!--&lt;!&ndash;[nzValue]="option.value"&ndash;&gt;-->
            <!--&lt;!&ndash;&gt;&ndash;&gt;-->
            <!--&lt;!&ndash;</nz-option>&ndash;&gt;-->
          <!--&lt;!&ndash;</nz-select>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
      <!--&lt;!&ndash;</div>&ndash;&gt;-->
    <!--</form>-->
  <!--</ng-template>-->
<!--</nz-modal>-->
